[dev-v5] Add DataGrid - part 4, docs and examples #3971

vnbaaij · 2025-07-02T13:44:49Z

wip

- Add doc start - Add Paginator / PaginationState

…/dev-v5/datagrid-part2

- Remove ::deep - Change county codes to align with v4

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part1

- Remove ::deep - Change county codes to align with v4 - Merge part 1 - Fix analyzer errors and warnings - Rename parameters

…ij/dev-v5/datagrid-part2

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part2

…/dev-v5/datagrid-part4

github-actions · 2025-07-02T14:03:46Z

✅ All tests passed successfully

Details on your Workflow / Core Tests page.

github-actions · 2025-07-02T14:03:52Z

Summary - Unit Tests Code Coverage

Summary


Generated on:	07/22/2025 - 15:06:48
Coverage date:	07/22/2025 - 15:06:38
Parser:	Cobertura
Assemblies:	1
Classes:	174
Files:	227
Line coverage:	98.9% (5217 of 5274)
Covered lines:	5217
Uncovered lines:	57
Coverable lines:	5274
Total lines:	21533
Branch coverage:	92.7% (2951 of 3180)
Covered branches:	2951
Total branches:	3180
Method coverage:	Feature is only available for sponsors
Tag:	4021_16448179928

Coverage

Microsoft.FluentUI.AspNetCore.Components - 98.9%

Name	Line	Branch
Microsoft.FluentUI.AspNetCore.Components	98.9%	92.7%
Microsoft.FluentUI.AspNetCore.Components.AccordionItemEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.AdditionalAttributesExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.CachedServices	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase`1	97%	90.2%
Microsoft.FluentUI.AspNetCore.Components.ColumnKeyGridSort`1	94.4%	75%
Microsoft.FluentUI.AspNetCore.Components.ColumnOptionsUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeOptions`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnSortUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.Defer	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.InternalGr idContext`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProviderContext	95.6%	92.8%
Microsoft.FluentUI.AspNetCore.Components.DefaultStyles	100%
Microsoft.FluentUI.AspNetCore.Components.Dialog.MessageBox.FluentMessageBox	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogEventArgs	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.DialogInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptions	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooterAction	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsHeader	100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.DialogService	100%	82.3%
Microsoft.FluentUI.AspNetCore.Components.DialogToggleEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.DropdownEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DateTimeExtensions	100%	92%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DisplayAttributeExtensi ons	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.EnumExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FieldSizeExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FluentInputExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FileSizeConverter	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordion	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordionItem	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchorButton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAvatar	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBadge	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentButton	98.4%	90.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCard	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCheckbox	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentComponentBase	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCompoundButton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCounterBadge	100%	96.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid`1	91.4%	88%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell`1	100%	86.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow`1	97.1%	97%
Microsoft.FluentUI.AspNetCore.Components.FluentDialog	97.5%	89.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogBody	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogProvider	100%	73.9%
Microsoft.FluentUI.AspNetCore.Components.FluentDivider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentErrorBoundary	97%	93.7%
Microsoft.FluentUI.AspNetCore.Components.FluentField	100%	96.5%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldCondition	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionItem	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionOptions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldParameterSelector	100%	98.7%
Microsoft.FluentUI.AspNetCore.Components.FluentGrid	100%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentGridItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentHighlighter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon`1	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentImage	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase`1	93.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFile	100%	93.3%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileBuffer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileErrorEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputImmediateBase`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentJSModule	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCode	100%	95.8%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeEventArgs	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyPressEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLabel	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLayout	100%	88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutHamburger	100%	96.4%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutItem	100%	91%
Microsoft.FluentUI.AspNetCore.Components.FluentLink	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentListBase`1	98.4%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerInternal	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenu	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuButton	100%	71.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuItem	100%	90.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuList	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBar	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitter	100%	91.8%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterPane	100%	89.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterResizeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentOption	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentPaginator	100%	94.4%
Microsoft.FluentUI.AspNetCore.Components.FluentPopover	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgress	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressBar	100%	95.4%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressRing	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProviders	100%
Microsoft.FluentUI.AspNetCore.Components.FluentRadio`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup`1	100%	88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentRatingDisplay	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceBase`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceProviderException`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSkeleton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpacer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpinner	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSplitButton	100%
Microsoft.FluentUI.AspNetCore.Components.FluentStack	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentStatus	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSwitch	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTab	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTabs	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentText	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTextArea	100%	70%
Microsoft.FluentUI.AspNetCore.Components.FluentTextInput	100%	81.2%
Microsoft.FluentUI.AspNetCore.Components.FluentToggleButton	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltip	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltipProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeItem	100%	95.3%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeView	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FreeOptionOutput	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderRequest`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.GridSort`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.HighlighterSplitter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Icon	100%	92.1%
Microsoft.FluentUI.AspNetCore.Components.IconFromImage	100%
Microsoft.FluentUI.AspNetCore.Components.IconInfo	100%
Microsoft.FluentUI.AspNetCore.Components.IFluentComponentChangeAfterKeyPres s	100%	100%
Microsoft.FluentUI.AspNetCore.Components.IFluentLocalizer	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr ibable`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr iber`1	100%	87.5%
Microsoft.FluentUI.AspNetCore.Components.InputFileInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.InputFileOptions	100%
Microsoft.FluentUI.AspNetCore.Components.InternalListContext`1	100%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService	100%	85.7%
Microsoft.FluentUI.AspNetCore.Components.KeyPress	100%
Microsoft.FluentUI.AspNetCore.Components.LayoutHamburgerEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.LibraryTooltipOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Localization.LanguageResource	100%	100%
Microsoft.FluentUI.AspNetCore.Components.MenuItemEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.MessageBoxOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.AppearanceExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.FluentInputAppearanceExt ensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.TooltipPositionExtension	100%	100%
Microsoft.FluentUI.AspNetCore.Components.PaginationState	100%	81.2%
Microsoft.FluentUI.AspNetCore.Components.ProgressFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn`2	100%	81.5%
Microsoft.FluentUI.AspNetCore.Components.RadioEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.SelectAllTemplateArgs	100%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn`1	97.2%	94%
Microsoft.FluentUI.AspNetCore.Components.ServiceProviderExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.SortedProperty	100%
Microsoft.FluentUI.AspNetCore.Components.SpacingExtensions	100%	97.2%
Microsoft.FluentUI.AspNetCore.Components.TabChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn`1	100%	25%
Microsoft.FluentUI.AspNetCore.Components.TooltipEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TotalItemCountChangedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeItemChangedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItemExpandedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.UploadedFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.AddTag	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.CssBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Debounce	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Identifier	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.IdentifierContext	100%	75%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InlineStyleBuilder	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.Utilities.StyleBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ZIndex	100%

…/dev-v5/datagrid-part3

…/dev-v5/datagrid-part4

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part4

- Implement SelectColumn localization - Fix CSS issue with select column

…/dev-v5/datagrid-part4

- Make all examples work - Create example pages

- Remove double section - Use primary color on paginator buttos (and apply better style when button is diabled)

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part4

vnbaaij and others added 30 commits June 12, 2025 09:56

- Add enums

93f6cf9

- Add doc start - Add Paginator / PaginationState

- Add DataGrid component

b255f69

Add DataGridGeneratedHeaderType

96e40df

Merge branch 'users/vnbaaij/dev-v5/datagrid-part1' into users/vnbaaij…

f6d0fb1

…/dev-v5/datagrid-part2

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part1

1059dbe

Fix analyzer errors

595ff78

- Add Typical demo and flags

b1cf680

- Remove ::deep - Change county codes to align with v4

Work on review comments

8393e35

Merge branch 'users/vnbaaij/dev-v5/datagrid-part1' of https://github.…

8cd48c6

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part1

Process review comments

202c10a

Add language resources

5aa2c65

Add Unit Tests for Paginator

777e854

More review comments

448c89e

Update tests. Now 100% lc

3146aeb

- Add Typical demo and flags

69ffae6

- Remove ::deep - Change county codes to align with v4 - Merge part 1 - Fix analyzer errors and warnings - Rename parameters

Replace tokens (WIP)

35e0334

Remove flags. These will be added to sample data project in separate PR

b92c83c

Remove DI abstractions package. Not needed

430abd5

Merge dev-v5

d0c1052

Add IsFixed parameter

33af462

merge dev-v5

689fe43

MAke example grid mor functional and look better

44f7d0d

Add initial tests. They are not passing yet

6fc0809

Add surpression atribute, fix other analyzer warnings

5bcb9fa

Use localized strings

a30dabf

Merg dev-v5

aadf080

Fix tests

70c342b

Add Tests

b826128

Add tests for PaginatinState and TotalItemCountChangedEventArgs

d0979ea

Merge branch 'users/vnbaaij/dev-v5/pagination-tests' into users/vnbaa…

a6aa6fc

…ij/dev-v5/datagrid-part2

vnbaaij added 4 commits July 2, 2025 15:01

Merge branch 'users/vnbaaij/dev-v5/datagrid-part2' of https://github.…

25e046e

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part2

DataGrid docs and examples

e6ec4a3

Merge branch 'users/vnbaaij/dev-v5/datagrid-part3' into users/vnbaaij…

07365bd

…/dev-v5/datagrid-part4

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part4

5af4579

vnbaaij added 16 commits July 3, 2025 09:26

Merge branch 'users/vnbaaij/dev-v5/datagrid-part2' into users/vnbaaij…

66af301

…/dev-v5/datagrid-part3

Merge branch 'users/vnbaaij/dev-v5/datagrid-part3' into users/vnbaaij…

9e89b82

…/dev-v5/datagrid-part4

Merge branch 'users/vnbaaij/dev-v5/datagrid-part4' of https://github.…

855fe34

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part4

Process review comments

e3c942f

More review comments

f6d458b

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part2

64cf5bb

- Undo make internal GridItemsProvider*

85154bf

- Implement SelectColumn localization - Fix CSS issue with select column

Update test verified files

ed02449

merge part 2

770c533

Merge branch 'users/vnbaaij/dev-v5/datagrid-part3' into users/vnbaaij…

c6a2f1b

…/dev-v5/datagrid-part4

Merge dev-v5

d0246dd

- Fix when to show header menu

36dc27b

- Make all examples work - Create example pages

- Rename getting started

150c1fd

- Remove double section - Use primary color on paginator buttos (and apply better style when button is diabled)

WIP

567729b

Update samples and structure

61deb6a

Make all DataGrid samples work

e1932a6

vnbaaij marked this pull request as ready for review July 21, 2025 19:55

vnbaaij requested a review from dvoituron as a code owner July 21, 2025 19:55

vnbaaij added 3 commits July 21, 2025 21:55

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part4

62753d4

Update DataGrid verified tests files

7c4f77b

Merge branch 'users/vnbaaij/dev-v5/datagrid-part4' of https://github.…

998b8c9

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part4

dvoituron approved these changes Jul 22, 2025

View reviewed changes

vnbaaij merged commit 4e8f363 into dev-v5 Jul 22, 2025
4 checks passed

vnbaaij deleted the users/vnbaaij/dev-v5/datagrid-part4 branch July 22, 2025 15:05

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[dev-v5] Add DataGrid - part 4, docs and examples #3971

[dev-v5] Add DataGrid - part 4, docs and examples #3971

Uh oh!

vnbaaij commented Jul 2, 2025

Uh oh!

github-actions bot commented Jul 2, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Jul 2, 2025 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

[dev-v5] Add DataGrid - part 4, docs and examples #3971

[dev-v5] Add DataGrid - part 4, docs and examples #3971

Uh oh!

Conversation

vnbaaij commented Jul 2, 2025

Uh oh!

github-actions bot commented Jul 2, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Jul 2, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary - Unit Tests Code Coverage

Coverage

Uh oh!

Uh oh!

Uh oh!

github-actions bot commented Jul 2, 2025 •

edited

Loading

github-actions bot commented Jul 2, 2025 •

edited

Loading